<template>
  <div class="app-container">
    <Card ></Card>
    <Sale ></Sale>
    <Observe ></Observe>
  </div>
</template>

<script>
import Sale from './sale/sale.vue'
import Card from './card/card.vue'
import Observe from './observe/observe.vue'

export default {
  name: '',
  components:{
    Card,
    Sale,
    Observe
  },
  data() {
    return {
      chartData:{}
    }
  },
  mounted(){
    this.initData()
  },
  methods: {
    async initData(){
      await this.$store.dispatch('getCharts')
    },
  },
}
</script>

<style scoped>

</style>
